/*主体*/
.mm-main .product-top {
  width: 100%;
  height: 1rem /* 75/75 */;
  line-height: 0.72rem /* 54/75 */;
  padding: 0 0.2rem /* 15/75 */;
  background-color: #F5F5F5;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mm-main .product-top a {
  color: black;
  font-size: 0.346667rem /* 26/75 */;
}
.mm-main .renking {
  width: 100%;
}
.mm-main .renking p {
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.04rem /* 78/75 */;
  border: 1px solid #ccc;
  background-color: #EEEEEE;
  color: #874604;
  font-weight: 700;
  padding-left: 0.266667rem /* 20/75 */;
}
.mm-main .good ul li {
  height: 1.76rem /* 132/75 */;
  border-bottom: 1px solid #ccc;
  padding: 0.266667rem /* 20/75 */;
  background: url(../images/arrow-right.svg) no-repeat center right;
  background-size: 0.666667rem /* 50/75 */;
}
.mm-main .good ul li a em {
  display: inline-block;
  width: 0.56rem /* 42/75 */;
  height: 0.56rem /* 42/75 */;
  line-height: 0.56rem /* 42/75 */;
  background-color: #C7C9C9;
  color: #fff;
  font-size: 0.32rem /* 24/75 */;
  text-align: center;
}
.mm-main .good ul li a .good-txt {
  display: inline-block;
  font-size: 0.4rem /* 30/75 */;
  font-weight: 700;
}
.mm-main .good ul li a p {
  margin-left: 0.8rem /* 60/75 */;
  font-size: 0.32rem /* 24/75 */;
}
.mm-main .good ul li:nth-child(1) a em {
  background-color: red;
}
.mm-main .good ul li:nth-child(2) a em {
  background-color: #FF9314;
}
.mm-main .good ul li:nth-child(3) a em {
  background-color: #8ADF5B;
}
.mm-main .ren ul li {
  padding: 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */;
  border-bottom: 1px solid #ccc;
}
.mm-main .ren ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 3.146667rem /* 236/75 */;
  padding-left: 2.933333rem /* 220/75 */;
}
.mm-main .ren ul li a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.666667rem /* 200/75 */;
}
.mm-main .ren ul li a .ren-txt {
  font-size: 0.32rem /* 24/75 */;
}
.mm-main .ren ul li a .price {
  font-size: 0.4rem /* 30/75 */;
  color: red;
  padding: 0.333333rem /* 25/75 */ 0;
}
.mm-main .ren ul li a p {
  font-size: 0.293333rem /* 22/75 */;
  color: #A89EA0;
}
.mm-main .ren ul li a p span {
  margin-right: 0.266667rem /* 20/75 */;
}
.mm-main .comment {
  margin-bottom: 0.666667rem /* 50/75 */;
}
.mm-main .comment ul li {
  padding: 0.266667rem /* 20/75 */;
  border-top: 1px solid #ccc;
}
.mm-main .comment ul li a .pic {
  position: relative;
  width: 100%;
  height: 3.2rem /* 240/75 */;
  padding-left: 3.2rem /* 240/75 */;
}
.mm-main .comment ul li a .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.666667rem /* 200/75 */;
}
.mm-main .comment ul li a .pic .pic-txt {
  font-size: 0.346667rem /* 26/75 */;
  color: #89909D;
}
.mm-main .comment ul li a .comment-txt {
  position: relative;
  border: 1px solid #c7c7c7cc;
  background-color: #F8F8F8;
  padding: 0.266667rem /* 20/75 */;
}
.mm-main .comment ul li a .comment-txt p:nth-child(1) {
  height: 0.8rem /* 60/75 */;
  font-size: 0.293333rem /* 22/75 */;
}
.mm-main .comment ul li a .comment-txt p:nth-child(1) span:nth-child(1) {
  color: #276245;
}
.mm-main .comment ul li a .comment-txt p:nth-child(2) {
  font-size: 0.373333rem /* 28/75 */;
}
.mm-main .comment ul li a .comment-txt::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 30px;
  top: -7px;
  border-bottom: 8px solid #f8f8f8;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
